<template>
	<view class="buttonTab-index">
		<buttonTab
			:currentIndex="2" 
			:gap="20" 
			:list="list" 
			:isRadius="true"
			currentBg="yellow"
			@clickHandle="clickHandle"
		></buttonTab>
		
		<buttonTab
			:currentIndex="1" 
			:gap="30" 
			:list="list" 
			:isRadius="false"
			currentBg="orange"
			@clickHandle="clickHandle"
		></buttonTab>
	</view>
</template>

<script setup>
import { ref } from 'vue'
import buttonTab from './component/index'

const list = ref([{
	name: '今天',
	point: false,
},{
	name: '本周',
	point: false,
},{
	name: '本月',
	point: true
}])

const clickHandle = (e) => {
	console.log(e);
}
</script>

<style lang="scss">
.buttonTab-index {
	display: flex;
	flex-direction: column;
	gap: 40rpx;
	padding: 40rpx 20rpx;
}
</style>